/* 
    Document   : chauffage
    Created on : 13 mai 2013, 17:22:36
    Author     : f.prost
    Description:
        Purpose of the stylesheet follows.
*/
body{
    font-family:Arial, Helvetica, sans-serif;
    background:#303030;
    margin:0;
    padding:0;

    /* Navigateurs récents */
    /*background: -webkit-gradient(
	  linear,
	  left top, left bottom,
	  from(#333),
	  to(#222)
	  );
    background: -webkit-linear-gradient(
	  top, #333, #222
	  );
    background: -moz-linear-gradient(
	  top, #333, #222
	  );
    background: -o-linear-gradient(
	  top, #333, #222
	  );
    background: linear-gradient(
	  top, #333, #222
	  );*/

}

header {
    padding : 3px;

    /* Navigateurs récents */
    background: -webkit-gradient(
	  linear,
	  left top, left bottom,
	  from(#88E905),
	  to(#076A09)
	  );
    background: -webkit-linear-gradient(
	  top, #88E905, #076A09
	  );
    background: -moz-linear-gradient(
	  top, #88E905, #076A09
	  );
    background: -o-linear-gradient(
	  top, #88E905, #076A09
	  );
    background: linear-gradient(
	  top, #88E905, #076A09
	  );
}

h1 { 
    text-align: center;
    color : white;
    font-size:1em;
    display:inline;
}

p, div{
    color:white;
}


#content{
}

fieldset{
    border:2px solid #404040;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;	
    border-radius:5px;	
}
input {
    border: 0px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #666;
    -webkit-box-shadow: 1px 1px 1px #666;
    box-shadow: 1px 1px 1px #666;
    font-size: 14px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
    background: #1d1d1d;
    color:white;
}
input:focus {
    border-color: #666;
}
/*
div {
    border:1px solid red;
}
*/

/* icons */
a.add {
   display: block;
   text-indent: -9999px;    
    
   background: url('../images/icons.png');
   background-position: -0px -0px; 

   width: 22px; 
   height: 22px;
}

a.delete {
    display: block;
   text-indent: -9999px;   
   
   background: url('../images/icons.png');
   background-position: -0px -27px; 

   width: 16px; 
   height: 16px;
   margin-left: 8px;
}


/* icone */
.icon_home{background: url('../images/home.png');display:inline-block; width: 18px; height: 18px}
.icon_chauffage{background: url('../images/chauffage.png');display:inline-block; width: 18px; height: 18px}
.icon_mesures{background: url('../images/mesures.png');display:inline-block; width: 18px; height: 18px}
.icon_temperature{background: url('../images/temperature.png');display:inline-block; width: 18px; height: 18px}
.icon_electricite{background: url('../images/electricite.png');display:inline-block; width: 18px; height: 18px}

.breadcrumbs {
    display:inline;
}
/*
.breadcrumbs a {
    text-decoration: none;
}
*/


/* Radio buttons */
.radioBtn input[type="radio"] {
    display:none;
}

.radioBtn label {
    
    display:inline-block;
    background:#1d1d1d;
    border-bottom:1px solid #0d0d0d;
    border-top:1px solid #3d3d3d;
    border-right:1px solid #0d0d0d;
    /*border-radius: 5px;*/
    /*display:block;*/
    padding:8px;
    color:#767676;
    font-size:12px;
}

.radioBtn label:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.radioBtn label:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.radioBtn input[type="radio"]:checked + label {
    /* background-color:#888;*/

    /* Navigateurs récents */
    background: -webkit-gradient(
	  linear,
	  left top, left bottom,
	  from(#88E905),
	  to(#076A09)
	  );
    background: -webkit-linear-gradient(
	  top,
	  #88E905,
	  #076A09
	  );
    background: -moz-linear-gradient(
	  top,
	  #88E905,
	  #076A09
	  );
    background: -o-linear-gradient(
	  top,
	  #88E905,
	  #076A09
	  );
    background: linear-gradient(
	  top,
	  #88E905,
	  #076A09
	  );    
}



/*input {color:white;}*/

/* -- menu -- */
.menu{
}
.menu a{
    background:#1d1d1d;
    border-bottom:1px solid #0d0d0d;
    border-top:1px solid #3d3d3d;
    display:block;
    padding:15px;
    color:#767676;
    font-size:14px;
    text-decoration: none;
}
.menu a:hover{
    background:#2d2d2d;
}

.graph{
     height: 400px;
}


.debug {
    color:white;
    border:1px solid red;
}

